/*
*杨洪强
*2018/10/24
*首页优惠券
*/

@import "../../lib/base.less";

.shop-index-coupon{width: 996px;margin: 0 auto;background-color: #ffffff;
    >.shop-title{font-size: 16px;line-height: 64px;text-indent: 20px;height: 64px;
        >.shop-more{float: right;margin-right: 20px;font-size: 14px;line-height: 64px;
            >span{background-image: url("@{imgRootDeep}/coupon.png");width: 20px;height: 16px;display: inline-block;vertical-align: middle;}
        }
        >.shop-more:hover a{color: #e64545;}
    }
    >.shop-main{margin-top: 6px;padding: 0 0 38px 0;
        >.shop-header{background-color: #f5f5f5;margin: 0 20px 0 20px;line-height: 40px;height: 40px;
            >div{float: left;}
            >.shop-coupon-class{width: 125px;height: 39px;margin: 0 0 0 40px;border:1px solid #f5f5f5;border-bottom: none;cursor: pointer;position: relative;text-indent: 19px;
                >.shop-title{}
                >.shop-img{background-image: url("@{imgRootDeep}/shop-Details.2.png");width: 11px;height: 6px;display: inline-block;margin: 0 0 0 5px;}
                >.shop-drop-down{z-index: 2;width: 125px;height: 89px;position: absolute;top: 39px;background-color: #ffffff;border: 1px solid #e1e1e1;border-top: none;left: -1px;display: none;
                    >a{color: #666666;display: inline-block;height: 30px;width: 125px;text-align: left;line-height: 30px;float: left;text-indent: 19px;}
                    >a:hover{background-color: #f5f5f5;color: #e64545;}
                }
            }
            >.shop-coupon-class:hover{background-color: #ffffff;border-color: #e1e1e1;
                >.shop-drop-down{display: block;}
            }
            >.shop-expiration-reminder{margin: 0 0 0 47px;color: #e64545;display: none;}
            >.shop-coming-soon{display: block;}
            >a{float: right;margin-right: 20px;}
            >a:hover{color: #e64545;} 
        }
        >.shop-items{padding: 20px 0 0 20px;
            >.shop-item{width: 224px;height: 389px;
                >.shop-top{height: 160px;background-color: #8edabc;position: relative;
                    
                    >.shop-delete{background-image: url("@{imgRootDeep}/shop-delete.png");position: absolute;width: 40px;height: 40px;top: 0;right: 0;display: none;cursor: pointer;}
                    >.shop-expiration-reminder{position: absolute;width: 60px;height: 60px;background-image: url("@{imgRootDeep}/Coming-soon.png");display: none;}
                    >.shop-white-semicircle{background-image: url("@{imgRootDeep}/white-semicircle.png");width: 24px;height: 11px;margin: 0 auto;}
                    >.shop-Amount{color: #ffffff;font-size: 12px;font-weight: 600;text-align: center;height: 22px;margin: 30px 0 0 0;
                        >.shop-num{font-size: 22px;line-height: 22px;height: 22px;} 
                    }
                    >.shop-condition{color: #ffffff;height: 12px;line-height: 12px;text-align: center;margin: 20px 0 0 0;
                        
                    }
                    >.shop-date{line-height: 12px;height: 12px;text-align: center;color: #666666;margin: 37px 0 0 0;}
                    >.shop-border{height: 3px;margin: 13px 0 0 0;background-image: url("@{imgRootDeep}/shop-border.png")}
                }
                
                >.shop-bottom{width: 209px;height: 209px;padding: 20px 0 0 15px;background-color: #f8f8f8;position: relative;
                    >.shop-expired-reminder{position: absolute;background-image: url("@{imgRootDeep}/expired-reminder.png");width: 70px;height: 52px;bottom: 16px;right: 15px;display: none;}
                    >.shop-Used-reminder{position: absolute;background-image: url("@{imgRootDeep}/Used-reminder.png");width: 70px;height: 52px;bottom: 16px;right: 15px;display: none;}
                    >.shop-limit-class, >.shop-limit-platform, >.shop-numbering{height: 12px;line-height: 12px;margin: 0 0 13px 0;
                        >div{float: left;}
                        >.shop-title{width: 40px;color: #333333;}
                        >.shop-content{text-indent: 8px;color: #9f9f9f;position: relative;
                            >.shop-pop-ups{z-index: 2;position: absolute;width: 212px;background-color: #ffffff;top: 21px;left: -55px;line-height: 34px;border: 1px solid #e1e1e1;padding: 0 0 0 10px;text-indent: 0px;display: none;
                                >span{background-image: url("@{imgRootDeep}/shop-angle.png");display: block;position: absolute;width: 14px;height: 7px;top: -7px;right: 17px;}
                            }
                            >.shop-drop-down{display: inline-block;background-image: url("@{imgRootDeep}/shop-Details.2.png");width: 11px;height: 6px;cursor: pointer;}
                        }
                        
                    }
                    a{
                        >button{width: 108px;height: 30px;background-color:#f8f8f8;border-radius: 16px;color: #8edabc;border: 1px solid #8edabc;margin: 47px 0 0 42px;cursor: pointer;}     
                        >button:hover{background-color: #8edabc;color: #ffffff;}
                    }  
                    
                }
            }
            >.shop-item:hover .shop-delete{display: block;}
            >.shop-coming-soon{
                >.shop-top{
                    >.shop-expiration-reminder{display: block;}
                }
            }
            >.shop-expired{
                >.shop-top{background-color: #cccccc;}
                >.shop-bottom{
                    >.shop-expired-reminder{display: block;}
                    >a > button{display: none;}
                }
            }
            >.shop-Used{
                >.shop-top{background-color: #cccccc;}
                >.shop-bottom{
                    >.shop-Used-reminder{display: block;}
                    >a > button{display: none;}
                }
            }
        }
    }
}